Baiklah pada kali ini saya akan membagikan bagaimana Cara Membuat Slide Show Gambar Mudah Dengan Javascript
Langkah Pertama yaitu menyiapkan beberapa gambar , kalau saya hanya menggunakan 3 gambar
Kemudian bukalah Notepad atau webeditor apa saja dan tuliskan/copykan script ini pada notepad/webeditor yang kalian buka tadi.
Baca Juga : Apa itu Javascript
Baca Juga : Cara Koneksikan PHP dan MySQLi
Baca Juga : Apa itu HTML? Penjelasan HTML
Baca Juga : Apa itu Bootstrap? Pengertian Bootstrap
<html>
<head>
<script language="javascript">
<!--
var image1 = new Image();
image1.src = "nama_gambar_anda.jpg";
var image2 = new Image();
image2.src = "nama_gambar_anda.jpg";
var image3 = new Image();
image3.src = "nama_gambar_anda.jpg";
</script>
</head>
<body>
<img src="nama_gambar_anda.jpg" width=250 name="slide">
<script>
var step=1;
function gerak(){
if(!document.images)
return
document.images.slide.src = eval("image"+step+".src");
if(step<3)
step++;
else
step=1;
setTimeout("gerak()",2000);
}
gerak();
</script>
</body>
</html>
Jangan lupa Tulisan yang berwarna biru itu diganti dengan nama pada foto yang kalian punya.
Setelah menuliskan/mengcopykan code script diatas kalian save dalam bentuk .html atau .php kemudian letakkan dalam folder yang sama pada foto yang ingin kalian pakai buat di slide.
Baiklah sekian dari saya semoga bermanfaat.
